<template>
    <div class="title-container">
      <van-row>
        <van-col span="12">
          <div class="title-left">
              <span>每日优选</span>
          </div>
        </van-col>
        <van-col span="12">
          <div class="title-right">
            <span>更多 <span><van-icon name="arrow" /></span></span>
          </div>
        </van-col>
      </van-row>
    </div>
</template>

<script>
  export default {
    name: 'title-column'
  }
</script>

<style scoped>
.title-container{width:100%;height: 76rpx;background-color: #ffffff;box-shadow: 0 1rpx 0 0 #e1e1e1;text-align: center;}
.title-left{border-left: 6rpx solid #000;height: 36rpx;margin: 20rpx 0 20rpx 20rpx;padding-left: 11rpx;text-align: left;line-height:26rpx;}
.title-left>span{font-size: 24rpx;color: #2c2c2c;}
.title-right{text-align: right;margin: 20rpx 20rpx 20rpx 0;height: 36rpx;line-height:26rpx;}
.title-right>span{font-size: 24rpx;color: #999999;}
.title-right>span>span{padding-left: 10rpx;width: 12rpx;height: 23rpx;}
</style>
